<template>
    <div>
        <el-row>
            <el-col :span="5">
                <el-input v-model="input" placeholder="请输入内容"></el-input>
            </el-col>
            <el-col :span="5" :offset="1">
                <el-input placeholder="请输入内容" v-model="input10" clearable></el-input>
            </el-col>
            <el-col :span="11" :offset="1">
                <div class="demo-input-suffix">
                    <el-row>
                        <el-col :span="12">
                            <el-input
                                placeholder="请选择日期"
                                v-model="input22">
                                <i slot="suffix" class="el-input__icon el-icon-date"></i>
                            </el-input>
                        </el-col>
                        <el-col :span="11" :offset="1">
                            <el-input
                                placeholder="请输入内容"
                                v-model="input23">
                                <i slot="prefix" class="el-input__icon el-icon-search"></i>
                            </el-input>
                        </el-col>
                    </el-row>
                    </div>
            </el-col>
        </el-row>
    </div>
</template>
<script>
export default {
  data () {
    return {
      input: '',
      input10: '',
      input22: '',
      input23: ''
    }
  }
}
</script>
